<script setup lang="ts">
import { defineProps, defineExpose, defineEmits } from "vue";
const props = defineProps({
  label: {
    type: [String, Number],
    default: "",
    require: false,
  },
  icon: {
    type: [String],
    default: '',
    require: false,
  },
  size: {
    type: [String,Number],
    default: 'nomal',
  },
  fontColor: {},
  bgColor: {}
});
const emit = defineEmits([''])
</script>

<template>
  <main class="m-button-main">
    <span>
        
    </span>
    {{ props.label }}
  </main>
</template>

<style lang="less" scope>
.m-button-main{
  display: flex;
  justify-content: center;
  align-items: center;
    border-radius: 2px;
    background-color: slategrey;
    min-height: 100px;
}
</style>